.approval-search{
  .search-block{
    padding: 32rpx;
    background: #fff;
  }
  .list{
    padding-top: 16rpx;
    .item{
      font-size: 28rpx;
      padding: 0 32rpx;
      margin-bottom: 16rpx;
      background: #fff;
      .item-header{
        @include flex;
        @include a-center;
        font-weight: 500;
        height: 100rpx;

        .item-name{
          @include sub-item;
          @include text-ellipsis;
          color: #000;
        }
        .item-state{
          color: #FF7E00;
          width: 180rpx;
          text-align: right;

          &.item-state1{
            color: #E21536;
          }

          &.item-state2{
            color: #000;
          }
          &.item-state3,
          &.item-state4,
          &.item-state7{
            color: #999;
          }
        }
      }
      .item-content{
        padding: 32rpx 0;
        border-top: 1rpx solid #E7E7E7;
        .line{
          @include flex;
          @include a-center;
          @include j-between;
          padding: 8rpx 0;

          .item-pic{
            width: 200rpx;
            height: 200rpx;
          }
          .item-detail{
            @include sub-item;
            @include flex(column);
            @include j-between;

            color: #000;
            font-size: 28rpx;
            height: 200rpx;
            margin-left: 24rpx;

            .item-stock{
              color: #999;
              font-size: 24rpx;
              margin-top: 8rpx;
            }
            .between-wrapper{
              @include flex;
              @include j-between;

              .item-price{
                font-size: 32rpx;
                &::before{
                  content: '￥';
                  font-size: 24rpx;
                }
              }
              .item-number{
                font-size: 36rpx;
                &::before{
                  content: 'X';
                  font-size: 24rpx;
                }
              }
            }
          }
          .label{
            color: #999;
            width: 190rpx;
          }
          .value{
            .icon{
              width: 40rpx;
              height: 40rpx;
              margin-left: 32rpx;
              display: block;
            }

            &.phone-value{
              @include flex;
              @include a-center;
              color: #007FFF;
            }
          }

          &.goods-line{
            margin-bottom: 32rpx;
          }
        }
        .footer-line{
          margin-top: 32rpx;
          padding-top: 16rpx;
          // margin-bottom: -16rpx;
          border-top: 1rpx solid #E7E7E7;

          .money{
            color: #333;
            font-size: 36rpx;
            text-align: right;

            &::before{
              font-size: 28rpx;
              content: '合计：￥';
            }
          }
          .btn-line{
            text-align: right;
            margin-top: 16rpx;
          }
          .btn{
            @include flex(column, inline-flex);
            @include center;

            color: #000;
            font-size: 28rpx;
            text-align: center;
            width: 176rpx;
            height: 70rpx;
            border: 1rpx solid #000;
            vertical-align: bottom;

            .sub{
              font-size: 16rpx;
            }

            &.main{
              width: auto;
              min-width: 176rpx;
              padding: 0 28rpx;
              color: #fff;
              background: #000;
              margin-left: 16rpx;
              box-sizing: border-box;
            }
          }
        }
      }
    }
  }
  .reject-block{
    font-size: 28rpx;

    .title{
      color: #000;
      font-weight: 400;
      text-align: left;
    }
    .content{
      .type-item{
        @include flex;
        @include a-center;
        margin-top: 32rpx;

        image{
          width: 32rpx;
          height: 32rpx;
          display: block;
          margin-right: 8rpx;
        }
      }
      .input-item{
        @include flex;
        @include a-center;
        margin-top: 32rpx;
        padding: 16rpx 24rpx;
        background: #F5F5F5;
        input{
          @include sub-item;
          font-size: 28rpx;
          text-align: left;
        }
        .number{
          color: #999;
          text-align: center;
        }
      }
    }
  }
  .pass-warn-block{
    color: #000;
    font-size: 28rpx;
    text-align: left;

    .warn{
      margin-top: 32rpx;
      line-height: 48rpx;
      text{
        color: #f00;
      }
    }
    .bg{
      color: #fff;
      padding: 12rpx 32rpx;
      margin-top: 24rpx;
      background: #f00;
    }
  }
}